19. Deconstructing a Flexbox Layout

Deconstructing a Flexbox Layout

The following layout that you see was created with Flexbox. For all of the elements of different colors that you see on the screen, what is the width and order of the element that would be needed to create this layout?

Exercise 1 of 4

What is the width and order, respectively?

SOLUTION: 100, 0

Exercise 2 of 4

What is the width and order, respectively?

SOLUTION: 33, 3

Exercise 3 of 4

What is the width and order, respectively?

SOLUTION: 50, 4

Exercise 4 of 4

What is the width and order, respectively?

SOLUTION: 100, 6